<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>ng-repeat</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <style>
        th {border:solid #add9c0; border-width:1px;}
        td {border:solid #add9c0; border-width:1px;}
        table {border:solid #add9c0; border-width:1px;}
    </style>
</head>
<body>
<div ng-app="" ng-init="names=[
{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}]">
    <p>名单：</p>
    <table>
        <thead>
            <tr>
                <th>姓名</th>
                <th>国家</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="x in names">
                <td>{{x.name|uppercase}}</td>
                <td>{{x.country|lowercase}}</td>
            </tr>
        </tbody>
    </table>
</div>
<script defer src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</body>
</html>